<template>
	<!-- 服务 -->
	<view class="box">
		<view class="item" v-for="(item,index) in list" :key="index" @click="jump(item.id)">
			{{item.name}}
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				// richtext
				list:[
					{name:'用户授权协议',id:5},
					{name:'融资租赁委托担保活动',id:6},
					{name:'个人信用信息查询及报送授权书',id:7},
					{name:'悟空租用户租赁及服务协议',id:8}
				]
			}
		},
		mounted() {
			
		},
		methods:{
			// methods
			jump(id){
				uni.navigateTo({
					url:'/pages/order/serviceTwo?id='+id
				})
			
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		background-color: #f4f6f4;
		min-height: 100vh;
		.item {
			width: 100%;
			height: 88rpx;
			line-height: 88rpx;
			
			padding: 0 20rpx;
			border-bottom: 2rpx solid gainsboro;
			background-color: #fff;
			font-size: 28rpx;
			font-weight: 900;
		}
		.item:active {
			background-color: gainsboro;
		}
	}
</style>